.pd-none {
  padding: 0 !important;
}

.pd-top-none {
  padding-top: 0 !important;
}

.pd-right-none {
  padding-right: 0 !important;
}

.pd-bottom-none {
  padding-bottom: 0 !important;
}

.pd-left-none {
  padding-left: 0 !important;
}
// ! ========== size: 12 ========== ! //
.pd-12 {
  padding: 12px;
}
.pd-top-12 {
  padding-top: 12px;
}
.pd-bottom-12 {
  padding-bottom: 12px;
}
.pd-right-12 {
  padding-right: 12px;
}
.pd-left-12 {
  padding-left: 12px;
}
.pd-tb-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.pd-lr-12 {
  padding-left: 12px;
  padding-right: 12px;
}

// ! ========== size: 16 ========== ! //
.pd-16 {
  padding: 16px;
}
.pd-top-16 {
  padding-top: 16px;
}
.pd-bottom-16 {
  padding-bottom: 16px;
}
.pd-right-16 {
  padding-right: 16px;
}
.pd-left-16 {
  padding-left: 16px;
}
.pd-tb-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.pd-lr-16 {
  padding-left: 16px;
  padding-right: 16px;
}

// ! ========== size: 20 ========== ! //
.pd-20 {
  padding: 20px;
}
.pd-top-20 {
  padding-top: 20px;
}
.pd-bottom-20 {
  padding-bottom: 20px;
}
.pd-right-20 {
  padding-right: 20px;
}
.pd-left-20 {
  padding-left: 20px;
}
.pd-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pd-lr-20 {
  padding-left: 20px;
  padding-right: 20px;
}

// ! ========== size: 24 ========== ! //
.pd-24 {
  padding: 24px;
}
.pd-top-24 {
  padding-top: 24px;
}
.pd-bottom-24 {
  padding-bottom: 24px;
}
.pd-right-24 {
  padding-right: 24px;
}
.pd-left-24 {
  padding-left: 24px;
}
.pd-tb-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.pd-lr-24 {
  padding-left: 24px;
  padding-right: 24px;
}

// ! ========== size: 28 ========== ! //
.pd-28 {
  padding: 28px;
}
.pd-top-28 {
  padding-top: 28px;
}
.pd-bottom-28 {
  padding-bottom: 28px;
}
.pd-right-28 {
  padding-right: 28px;
}
.pd-left-28 {
  padding-left: 28px;
}
.pd-tb-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.pd-lr-28 {
  padding-left: 28px;
  padding-right: 28px;
}

// ! ========== size: 32 ========== ! //
.pd-32 {
  padding: 32px;
}
.pd-top-32 {
  padding-top: 32px;
}
.pd-bottom-32 {
  padding-bottom: 32px;
}
.pd-right-32 {
  padding-right: 32px;
}
.pd-left-32 {
  padding-left: 32px;
}
.pd-tb-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.pd-lr-32 {
  padding-left: 32px;
  padding-right: 32px;
}
